{extend name="layout/xilujob"}
{block name="header"}{/block}
{block name="one_content"}
<link rel="stylesheet" href="__CDN__/assets/addons/xilujob/css/main.css" />
<style>
    #search-form input {display: none;}
    #search-form .active {color:#ff7100;}
    .box {padding:0;}
</style>
<section class="uc-section31">
    警示：以招聘为名收取培训费用、提供培训贷款，或在录用过程中需支付体检、服装、押金等费用的，都属违法行为。一经发现，请<a href="javascript:" id="btn-inform" class="uc-orange">立即举报</a>，并向当地公安机关报案。
</section>
<section class="uc-section32">
    <div class="uc-content">
        <div class="con1">
            <div class="left">
                <h3>{$job.job_name|htmlentities}</h3>
                <div class="price">{$job.salary_text|htmlentities}</div>
                <div class="txt"><span>{$job.district.shortname|htmlentities}{$job.town.shortname|htmlentities}</span>   |   <span>招{$job.num|htmlentities}人</span>   |    <span>{$job.work_experience.name|htmlentities}</span>   |   <span>{$job.type_text|htmlentities}</span></div>
                <div class="tags">
                    <span class="tag tag-gray">{$job.education_level.name|htmlentities}</span>
                    {foreach $job.benefits as $benefit}
                    <span class="tag tag-gray">{$benefit.name|htmlentities}</span>
                    {/foreach}
                </div>
            </div>
            <div class="right">
                <p class="time">{$job.refresh_date|htmlentities}</p>
                <div class="operate">
<!--                    <a href="javascript:" id="btn-signup" class="uc-btn uc-btn-white uc-plain {$is_signup?'disabled':''}">立即报名</a>-->
                    <a href="javascript:" id="btn-apply" data-id="{$job.id|htmlentities}" class="uc-btn uc-btn-linear {$is_applying?'disabled':''}">投递简历</a>
                </div>
                <div class="btm">

                </div>
            </div>
        </div>
    </div>
</section>

<section class="g-main style-line">
    <div class="uc-content">
        <section class="main-left w800">
            <section class="uc-section153">
                <div class="g-title-line"> <span class="line"><b>职位描述</b></span> </div>
                <div class="intro">
                    <div class="con">
                        {foreach :explode("\n",$job.responsibility) as $line}
                        <p>{$line|htmlentities}</p>
                        {/foreach}
                    </div>
                </div>
                <div class="g-title-line"> <span class="line"><b>工作地址</b></span> </div>
                <div class="map-box">
                    {$job.locations.0.province.name|htmlentities}{$job.locations.0.city.name|htmlentities}{$job.locations.0.district.name|htmlentities}{$job.locations.0.address|htmlentities}
                    <a href="http://api.map.baidu.com/geocoder?address={$job.locations.0.province.name|htmlentities}{$job.locations.0.city.name|htmlentities}{$job.locations.0.district.name|htmlentities}{$job.locations.0.address|htmlentities}&output=html&src=" target="_blank" class="uc-orange">查看地图</a>
                </div>
                <div class="g-title-line"> <span class="line"><b>职位发布者</b></span> </div>
                <div class="user">
                    <img src="{$job.user.avatar|cdnurl|htmlentities}" alt="" class="face">
                    <div class="left">
                        <h3>{$job.job_info.contact_person|htmlentities}</h3>
                        <p id="contact-phone">{$job.job_info.contact_phone|htmlentities}</p>
                    </div>
                    <div class="right">
                        <a href="javascript:" data-id="{$job.id|htmlentities}" id="btn-contact" class="uc-orange">联系TA</a>
                    </div>
                </div>
                <div class="g-title-line"> <span class="line"><b>企业图片</b></span> </div>
                <div class="img-box style-line" id="images">
                    {foreach $images as $image}
                    <a target="_blank" href="{$image|cdnurl|htmlentities}"><img src="{$image|cdnurl|htmlentities}" alt=""></a>
                    {/foreach}
                </div>

                <div class="g-title-line"> <span class="line"><b>岗位评价</b></span></div>
                <div class="g-discuss" id="comment-list" data-url="{:url('job/job_comments',['id'=>$job.id])}"></div>
                {if $can_comment}<a style="display: block;" href="javascript:;" class="uc-btn uc-btn-linear">发布评价</a>{/if}
                <div id="comment-paginator"></div>

            </section>


        </section>
        <section class="main-right w400">
            <div class="g-sideCompanyPanel">
                <div class="panel">
                    <img src="{$job.enterpriseinfo.logo|cdnurl|htmlentities}" alt="" class="logo">
                    <h3 class="single-line"><a href="{:url(($job.publisher_type==2?'company/detail':'labour/shop'),['id'=>$job.publisher_id])}">{$job.enterpriseinfo.full_name|htmlentities}</a></h3>
                    <div class="txt">{$job.enterpriseinfo.city.shortname|htmlentities} | {$job.enterpriseinfo.company_properties.name|htmlentities} </div>
                    <div class="txt">{$job.enterpriseinfo.company_scale.name|htmlentities}</div>
                </div>
                <div class="con">
                    <p>{$job.enterpriseinfo.intro|htmlentities}</p>
<!--                    <p>公司网址：http://www.teambition.com</p>-->
                </div>
            </div>
            <div class="g-sideJobList">
                <div class="g-title-line"> <span class="line"><b>其他岗位</b></span> </div>
                <div class="list">
                    {foreach $related_jobs as $similar_job}
                    <div class="item">
                        <div class="img"><a href=""><img src="{$similar_job.enterpriseinfo.logo|cdnurl|htmlentities}" alt=""></a></div>
                        <h3>
                            <a href="{:url('xilujob.job_manage/detail',['id'=>$job.id])}" class="name">{$similar_job.job_name|htmlentities}</a>
                            {if $similar_job.in_hurry}<i class="uc-icon-bgs icon-tag3"></i>{/if}
                            {if $similar_job.direct}<i class="uc-icon-bgs icon-tag1"></i>{/if}
                            {if $similar_job.shop}<i class="uc-icon-bgs icon-tag2"></i>{/if}
                        </h3>
                        <div class="money">{$similar_job.salary_text|htmlentities}</div>
                        <div class="txt">{$similar_job.enterpriseinfo.full_name|htmlentities}·{$similar_job.city.shortname|htmlentities}{$similar_job.district.shortname|htmlentities}</div>
                    </div>
                    {/foreach}
                </div>
                <div class="operate">
                    <a href="javascript" class="more">
                        查看更多相似职位 <i class="uc-font uc-icon-arrow-right"></i>
                    </a>
                </div>
            </div>


        </section>
    </div>
</section>



<form class="alert alert-report" id="signup-form" method="post" action="{:url('job/signup')}">
    <input type="hidden" name="job_id" value="{$job.id|htmlentities}">
    <div class="over-close"></div>
    <div class="box">
        <div class="title">填写报名信息 <a href="javascript:" class="btn-close"></a></div>
        <div class="form">
            <div class="item"><span class="tt"><i class="e2">姓</i>名：</span><input type="text" data-rule="姓名:required;" maxlength="20" name="signup_name" value="{$user.nickname|htmlentities}" placeholder="请填写您的联系方式，以便及时回复" class="uc-input"></div>
            <div class="item"><span class="tt">联系方式：</span><input type="text" data-rule="联系方式:required" maxlength="20" name="signup_phone" value="{$user.mobile|htmlentities}" placeholder="请填写您的联系方式，以便及时回复" class="uc-input"></div>
            <div class="item"><span class="tt">&nbsp;</span><button class="uc-btn"> 立即报名 </button></div>
        </div>
    </div>
</form>

<form id="inform-form" method="post" action="" onsubmit="return false" class="alert alert-report">
    <input type="hidden" name="job_id" value="{$job.id|htmlentities}">
    <div class="over-close"></div>
    <div class="box">
        <div class="title">举报内容 <a href="javascript:" class="btn-close"></a></div>
        <div class="form style2">
            <div class="item">若你发现本职位存在违规现象，欢迎举报。</div>
            <div class="item"><span class="tt">举报原因：</span>
                <select style="width:410px;" data-rule="required;" data-msg="请选择举报原因" name="job_inform_type_id">
                    {foreach $inform_types as $type}
                    <option value="{$type.id|htmlentities}">{$type.name|htmlentities}</option>
                    {/foreach}
                </select>
            </div>
            <div class="item"><span class="tt">详情描述：</span>
                <textarea name="content" placeholder="请输入举报的详情原因..." data-rule="详情描述:required;" maxlength="500" cols="30" rows="10"></textarea>
            </div>
            <div class="item"><span class="tt">举报凭证：</span><span class="tips">（如您保存的面试通知、公司环境等，请上传以便核实）</span></div>
            <div class="item"><span class="tt">&nbsp;</span>
                <div class="btn-upload" id="btn-inform-upload" data-maxcount="5" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-maxsize="2M">
                    <img src="__CDN__/assets/images/upload.png" alt="">
                </div>
            </div>
            <div class="item"><span class="tt">联系方式：</span><input name="contact" type="text" data-rule="联系方式:required;" maxlength="40" placeholder="请填写您的联系方式，以便及时回复" class="uc-input"></div>
            <div class="item"><span class="tt">&nbsp;</span><a href="javascript;" id="btn-inform-submit" class="uc-btn"> 确认提交 </a></div>
        </div>
    </div>
</form>

{/block}
{block name="ucenter"}{/block}
{block name="center_content"}{/block}